﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="horizontal-accordion.aspx.cs" Inherits="Dala.Samples.Horizontal_Accordion.horizontal_accordion" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <title>Horizontal Accordion</title>
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="js/default.main.js" type="text/javascript"></script>
    <link href="css/layout.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="main-tab-box">
        <a id="ancBag" href="javascript:void(0);" class="tab-click-area lefts-content">
            <%-- <img src="images/click-area.png" alt="ClickHere" />--%>
            <div class="getfree">
                Get your <strong>FREE</strong> in-home consultation</div>
        </a>
        <div id="show-hide" class="rights-content tab-areas-close">
            <div class="tab-content-area">
                <div id="hide-div" class="tab-contents tab-content-scroll" style="display: none">
                    <h2>
                        Put your details here. This div will be visible when the link will be clicked</h2>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
